<template>
  <div id="app">
    <!-- <my-form /> -->
    <!-- <SelectProduct 
      mode="sku"
      :multiple="true"
      :defalutChecked="['2','3']"
      @change="handleChange"
      style="margin-top: 120px; width: 450px; margin-left: 750px;"
    />
    <div style="margin-top: 300px;">
      <span>已选中的数据：</span>
      <p>{{ selectData }}</p>
    </div> -->
    <imageEditor />
  </div>
</template>

<script>
// import HelloWorld from './components/HelloWorld.vue'
// import MyForm from './components/FormCreate.vue'
// import SelectProduct from './components/selectProduct.vue'
// import SelectProduct from './components/selectProduct/selectProduct.vue'
import imageEditor from './components/image-editor'

export default {
  name: 'App',
  components: {
    imageEditor,
    // HelloWorld
    // SelectProduct: SelectProduct
  },
  data () {
    return {

    }
  },
  mounted () {
    window.vm = this;
  },
  methods: {

  }
}
</script>

<style>
#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: 1200px;
}

</style>
